<!DOCTYPE HTML>
<html>
<head>
<title>Hi,我是绿绿峰</title>
<!-- 
	能够看源代码的都是高人
	在此服了亲~
	本页面使用的webAPI由小编提供
	一些key禁止抄袭或非法使用！！【作为示例会注明怎么使用或文档地址】
	若发现有被盗用key的情况，则删除程序咯！
	为了本示例能够运用和举例更多的API使用及示例的演示成功
	希望大家多多支持~
	可以在区块链留言板上，或者通过小编联系方式与小编取得联系
	么么哒
 -->
<link rel="icon" href="images/head.png" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="referrer" content="no-referrer" /><!-- 允许非同源加载资源 -->
<meta name="keywords" content="" />
<!-- git冲突解决：https://blog.csdn.net/iefreer/article/details/7679631 -->
<!-- 加载有字库 -->
<!-- <script type="text/javascript" src="https://cdn.webfont.youziku.com/wwwroot/js/wf/youziku.api.min.js"></script> -->
<!-- bootstrap图标库class名：http://w3c.3306.biz/bootstrap_glyphicons/show-31-95-1.html -->
<!-- css files -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<!-- <link href="http://apps.bdimg.com/libs/fontawesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" /> -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!-- js files -->
<script src="js/modernizr.custom.js"></script>
<!-- EOSJS -->
<script src="plugin/eosjs/lib/eos.min.js"></script>
<!-- /js files -->
<style type="text/css">
/*自定义字体导入 但是效率过低*/
/*@import url("fonts/stylesheet.css");*/
/*ul{
	font-family: c2;
}
.navbar-brand{
	font-family: c2;
}*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar {  
    width: 16px;  /*滚动条宽度*/
    height: 16px;  /*滚动条高度*/
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track {  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  /*滚动条的背景区域的圆角*/
    background-color: #fff7ff;/*滚动条的背景颜色*/  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb {  
    border-radius: 10px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #fff0ac;  /*滚动条的背景颜色*/
}
::-webkit-scrollbar-thumb:hover{  
    border-radius: 10px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #ffe153;  /*滚动条的背景颜色*/
}
.about-us{
	background-color: #ecffff;
}
.our-gallery{
	background-color: #dcb5ff;
}
.my_head_icon{
	border-radius: 30px;
}
.my_head_icon:hover{
	border-radius: 10px;
	-webkit-transform: 2s;
}
</style>
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
<div class="navbar-wrapper">
    <div class="container">
		<nav class="navbar navbar-inverse navbar-static-top cl-effect-20">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">切换导航</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">
						<img src="images/head.png" width="60px" height="60px" class="my_head_icon" title="绿绿峰啊">
					</a>
				</div>
				<div id="navbar" class="navbar-collapse collapse navbar-right">
					<ul class="nav navbar-nav">
						<li><a href="#" id="first"><span data-hover="主页">主页</span></a></li>
						<li><a href="#about"><span data-hover="关于…">关于…</span></a></li>
						<li><a href="#service"><span data-hover="空间">空间</span></a></li>
						<li><a href="#events"><span data-hover="Look">Look</span></a></li>
						<li><a href="#gallery"><span data-hover="相册">相册</span></a></li>
						<li class="testimonials"><a href="#testimonials"><span data-hover="有意思">有意思</span></a></li>
						<li><a href="#contact"><span data-hover="没事扯扯">没事扯扯</span></a></li>
					</ul>
				</div>
			</div>
        </nav>
    </div>
</div>
<!-- Banner Section -->
<!-- Carousel  ================================================== -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
        <div class="item active">
			<img class="first-slide" src="images/dusk.jpeg" alt="First slide">
			<div class="container">
				<div class="carousel-caption">
					<h1>Alone</h1>
					<p><code>code：</code>在线翻译工具，至少咱是常用的。【图自：梦游游游鱼】</p>
					<p><a href="javascript:;" id="i_idea" class="btn btn-info"><span class="glyphicon glyphicon-hand-right"></span>&nbsp;翻译一手</a></p>
				</div>
			</div>
        </div>
        <div class="item">
			<img class="second-slide" src="images/banner2.jpg" alt="Second slide">
			<div class="container">
				<div class="carousel-caption">
					<h1>Like</h1>
					<p><code>en：</code>安静的时候，总比在热闹的地方清醒得多；</p>
					<p><a href="javascript:;" id="like_music" class="btn btn-success"><span class="glyphicon glyphicon-music"></span>&nbsp;听几首去</a></p>
				</div>
			</div>
        </div>
        <div class="item">
			<img class="third-slide" src="images/banner3.jpg" alt="Third slide">
			<div class="container">
				<div class="carousel-caption">
					<h1>Tools</h1>
					<p><code>tool：</code>Map；</p>
					<p><a href="lvfeng/map/map.html" target="_blank" id="down_file" class="btn btn-warning"><span class="glyphicon glyphicon-wrench"></span>&nbsp;高德地图</a></p>
				</div>
			</div>
        </div>
    </div>
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div><!-- /.carousel -->
<!-- /Banner Section -->
<!-- About Section -->
<section class="about-us" id="about">
	<h3 class="text-center slideanim">关于绿绿峰</h3>
	<p class="text-center slideanim">绿绿峰来自辽宁，javaweb代码者是也。闲来无事写写博客，学个习，get点小技能~嗯，这果然是真的我也。</p>
	<div class="container">
		<div class="row">
			<div class="col-lg-6 col-md-6 col-sm-6">
				<img src="images/about-img.jpg" alt="about" class="img-responsive slideanim">
			</div>
			<div class="col-lg-6 col-md-6 col-sm-6">
				<div class="about-info">
					<h4 class="slideanim"><span class="glyphicon glyphicon-user"></span>&nbsp;叫俺啊峰哥——于云峰</h4>
					<p class="abt slideanim">喜欢的事啊，很多非常多。热爱生活是跟人学的，喜欢&nbsp;<span class="glyphicon glyphicon-camera"></span>&nbsp;<span class="glyphicon glyphicon-music"></span>&nbsp;</p>
					<p class="abt slideanim">没事的时候比较适合写写代码，了解的比较杂，磕磕绊绊的从前端(jq,bootstrap,layui,vue【最近比较迷】)到后台(还得是大java的家族，据说boot cloud啥的比较火)，偶尔还能修个图，裁个视频(电脑不行了，暂且不接单~)，刷刷博客，写写文章，没得obj造就一个全能型single Dog【obj 不需要】，看看有啥新鲜事儿~</p>
					<p class="abt slideanim">写得一手烂代码，一路坎坷弄了几个项目，也算是有些收获。</p>
					<p class="abt slideanim">至于为什么叫绿绿峰，绿色，象征着生命力，峰回路转，喜欢行走、想象和尝试的人以此自居；顺便提一下：计算机屏幕使用绿色有助于缓解视觉疲劳。</p>
					<hr/>
					<button class="btn btn-info btn-sm" id="project">some项目展示</button>
					<a class="btn btn-info btn-sm" href="lvfeng/tools/common_internet.html" title="一些咱常用到的网站" target="_blank">常用网站</a>
					<a class="btn btn-info btn-sm" href="http://www.lvlvfeng.top:8091" title="一个基于halo的博客，原创可分享" target="_blank">博客入口</a>
					<button class="btn btn-info btn-sm" title="扫一扫" id="mobile_demo">移动端demo</button>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- /About Section -->
<!-- Services Section -->
<section class="our-services slideanim" id="service">
	<h3 class="text-center slideanim">空间么？</h3>
	<p class="text-center slideanim">至少，QQ的还是有的,<a href="https://user.qzone.qq.com/2402241449" title="QQ空间" target="_blank">戳这里</a></p>
	<div id="features">
		<div class="container">
			<div class="row">
				<div class="col-md-6 centered">
					<!-- ACCORDION -->
					<div class="accordion ac" id="accordion2">
						<div class="accordion-group">
							<div class="accordion-heading">
								<a class="accordion-toggle slideanim" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">Gitee可以有</a>
							</div><!-- /accordion-heading -->
							<div id="collapseOne" class="accordion-body collapse in">
								<div class="accordion-inner slideanim">
									<p>gitbug有点慢，遂注册个gitee，开源中国的code托管平台，包括本页面，也是在这里~</p><br/>
									<a href="https://gitee.com/LvLvFeng/" class="btn btn-success" target="_blank">My Gitee</a><br/>
								</div><!-- /accordion-inner -->
							</div><!-- /collapse -->
						</div><!-- /accordion-group -->
						<div class="accordion-group">
							<div class="accordion-heading">
								<a class="accordion-toggle slideanim" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">CSDN也可以有</a>
							</div>
							<div id="collapseTwo" class="accordion-body collapse">
								<div class="accordion-inner slideanim">
									<p>全当是记笔记的地儿，可以云存储，酷毙了。这高级的世界里难道还有用U盘的程序员么？？</p><br/>
									<a href="https://blog.csdn.net/qq_37525899/" class="btn btn-info" target="_blank">My CSDN</a>
								</div><!-- /accordion-inner -->
							</div><!-- /collapse -->
						</div><!-- /accordion-group -->
						<div class="accordion-group">
							<div class="accordion-heading">
								<a class="accordion-toggle slideanim" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">掘金网</a>
							</div>
							<div id="collapseThree" class="accordion-body collapse">
								<div class="accordion-inner slideanim">
									<p>这个真没有，新出的一个论坛，很多coding猿推荐，遂注册刷刷博客挺好~算是真心推荐。</p><br/>
									<a href="https://juejin.im/timeline" class="btn btn-warning" target="_blank">掘金网</a>
								</div><!-- /accordion-inner -->
							</div><!-- /collapse -->
						</div><!-- /accordion-group -->
						<div class="accordion-group">
							<div class="accordion-heading">
								<a class="accordion-toggle slideanim" data-toggle="collapse" data-parent="#accordion2" href="#collapseFore">Bootstrap4示例</a>
							</div>
							<div id="collapseFore" class="accordion-body collapse">
								<div class="accordion-inner slideanim">
									<p>闲来无事，偶尔用到一些前端框架。比较熟悉bootstrap遂总结一份各种demo示例，使用bootCDN资源加速，想用的小伙伴可直接拷贝页面源码即可使用！</p><br/>
									<a href="lvfeng/bootstrap4/index.html" class="btn btn-warning" target="_blank">bootstrap4</a>
								</div><!-- /accordion-inner -->
							</div><!-- /collapse -->
						</div><!-- /accordion-group -->
					</div><!-- Accordion -->
				</div>
				<div class="col-md-6">
					<img src="images/service-img.jpg" class="img-responsive slideanim" alt="service">
				</div>
			</div>
		</div><!--/ .container -->
	</div><!--/ #features -->
</section>
<!-- /Services Section -->
<!-- Events -->
<section class="our-events slideanim" id="events">
	<h3 class="text-center slideanim">Look</h3>
	<p class="text-center slideanim">来，【<span id="old_day_curr"></span>】今日看点</p>
	<div class="container">
		<div class="row">
			<div class="col-lg-4 col-md-4">
				<div class="event-info">
					<h4 class="text-center slideanim"><span id="old_day"></span></h4>
					<p class="eve slideanim">冲煞：<span id="old_day_chongsha"></span><br/>
						<span style="color: orange;">宜：</span><span id="old_day_yi"></span><br/>
						<span style="color: orange;">忌：</span><span id="old_day_ji"></span><br/>
						<span style="color: orange;">凶神：</span><span id="old_day_xiongshen"></span><br/>
						<span style="color: orange;">吉神：</span><span id="old_day_jishen"></span><br/>
						<span style="color: orange;">五行：</span><span id="old_day_wuxing"></span><br/>
						<span style="color: orange;">百忌：</span><span id="old_day_baiji"></span><br/>
						<!-- <a href="javascript:;" id="news" class="btn btn-warning"></a> -->
					</p>
				</div>
			</div>
			<div class="col-lg-4 col-md-4">
				<div class="event-info">
					<h4 class="text-center slideanim"><span id="we_title"></span></h4>
					<p class="eve slideanim"><span id="we_desc"></span><br/>
						<span id="we_mark"></span><br/>
						<img width="400" height="300" id="we_img" alt="" />
						<a id="we_read" target="_blank" class="btn btn-success">阅读本条</a>
						<!-- <a href="lvfeng/blog/blog_index.html" class="btn btn-success">博客首页</a> -->
						<a href="javascript:;" id="change_we" class="btn btn-success">切</a>
					</p>

				</div>
			</div>
			<div class="col-lg-4 col-md-4">
				<div class="event-info">
					<h4 class="text-center slideanim">梦游</h4>
					<p class="eve slideanim">假设你在这世界中是条梦游鱼<br/><br/>
					<a href="http://www.ro.me/film" class="btn btn-info">Rome</a>
					</p>
				</div>
			</div>	
				
		</div>
	</div>
</section>
<!-- /Events -->
<!-- Gallery Section -->
<section class="our-gallery" id="gallery">
	<h3 class="text-center slideanim"><span class="glyphicon glyphicon-camera"></span>&nbsp;相册</h3>
	<p class="text-center slideanim">算是一种记录生活的方式，能够具象的表达和感受，多好啊！<br/>Photography By @绿绿峰</p>
	<div class="container">
		<img src="http://img1002-c.pocoimg.cn/image/poco/works/93/2019/0210/20/15498001007253162_200897185_H800.jpeg" data-darkbox="http://img1002-c.pocoimg.cn/image/poco/works/93/2019/0210/20/15498001007253162_200897185_H800.jpeg" data-darkbox-description="<b><span class='glyphicon glyphicon-camera'></span>&nbsp;@绿绿峰</b><br>奶奶的盆花" class="img-responsive slideanim">
        <img src="http://img1002-c.pocoimg.cn/image/poco/works/93/2019/0210/20/15498001003357153_200897185_H800.jpeg" data-darkbox="http://img1002-c.pocoimg.cn/image/poco/works/93/2019/0210/20/15498001003357153_200897185_H800.jpeg" data-darkbox-description="<b><span class='glyphicon glyphicon-camera'></span>&nbsp;@绿绿峰</b><br>午后的半砬瓢和辣椒干" class="img-responsive slideanim">
		<img src="http://img1002-c.pocoimg.cn/image/poco/works/93/2019/0210/20/15498001002899425_200897185_H800.jpeg" data-darkbox="http://img1002-c.pocoimg.cn/image/poco/works/93/2019/0210/20/15498001002899425_200897185_H800.jpeg" data-darkbox-description="<b><span class='glyphicon glyphicon-camera'></span>&nbsp;@绿绿峰</b><br>等待……一次独自出差的路上" class="img-responsive slideanim">
		<img src="http://img1002-c.pocoimg.cn/image/poco/works/93/2019/0210/20/15498001009187670_200897185_H800.jpeg" data-darkbox="http://img1002-c.pocoimg.cn/image/poco/works/93/2019/0210/20/15498001009187670_200897185_H800.jpeg" data-darkbox-description="<b><span class='glyphicon glyphicon-camera'></span>&nbsp;@绿绿峰</b><br>匆匆的这站人" class="img-responsive slideanim">
		<img src="http://img1002-c.pocoimg.cn/image/poco/works/93/2019/0210/20/15498001007114722_200897185_H800.jpeg" data-darkbox="http://img1002-c.pocoimg.cn/image/poco/works/93/2019/0210/20/15498001007114722_200897185_H800.jpeg" data-darkbox-description="<b><span class='glyphicon glyphicon-camera'></span>&nbsp;@绿绿峰</b><br>大酱缸的耳环" class="img-responsive slideanim">
		<img src="http://img1002-c.pocoimg.cn/image/poco/works/32/2019/0210/18/15497948737138239_200897185_H800.jpeg" data-darkbox="http://img1002-c.pocoimg.cn/image/poco/works/32/2019/0210/18/15497948737138239_200897185_H800.jpeg" data-darkbox-description="<b><span class='glyphicon glyphicon-camera'></span>&nbsp;@绿绿峰</b><br>大概是本人了~" class="img-responsive slideanim">
		<img src="http://img1002-c.pocoimg.cn/image/poco/works/32/2019/0210/18/15497948736181240_200897185_H800.jpeg" data-darkbox="http://img1002-c.pocoimg.cn/image/poco/works/32/2019/0210/18/15497948736181240_200897185_H800.jpeg" data-darkbox-description="<b><span class='glyphicon glyphicon-camera'></span>&nbsp;@绿绿峰</b><br>你的花落我心底了！" class="img-responsive slideanim">
		<img src="http://img1002-c.pocoimg.cn/image/poco/works/32/2019/0210/18/15497948733627616_200897185_H800.jpeg" data-darkbox="http://img1002-c.pocoimg.cn/image/poco/works/32/2019/0210/18/15497948733627616_200897185_H800.jpeg" data-darkbox-description="<b><span class='glyphicon glyphicon-camera'></span>&nbsp;@绿绿峰</b><br>熟睡中可爱的大叔，看来是真的很疲倦" class="img-responsive slideanim"><br/>
		<!-- <a href="lvfeng/picture/index.html" class="btn btn-success btn-lg">More》》</a> -->
		<a href="http://www.poco.cn/user/user_center?user_id=200897185" target="_blank" class="btn btn-success btn-lg">More》》</a>
	</div>
</section>
<!-- /Gallery Section -->
<!-- Testimonials -->
<section class="our-testimonials slideanim testimonials" id="testimonials">
	<h3 class="text-center slideanim">有意思~</h3>
	<p class="text-center slideanim">时常网上find一些趣站，酷页；整理一些web小插件，特效啥的，持续更新~</p>
	<div class="container">
		<div class="row">
			<div class="col-lg-4 col-md-4">
				<div class="test">
					<img src="images/test-img1.png" class="img-responsive slideanim" alt="">
					<h4 class="text-center slideanim"><span class="glyphicon glyphicon-picture"></span>&nbsp;windowsXP画图</h4>
					<p class="t1 slideanim">看起来非常像经典Windows的画图，来回味一下经典吧！<br/><br/>
						<a href="lvfeng/interesting/painter/index.html" target="_blank" class="btn btn-success"><span class="glyphicon glyphicon-pencil"></span>&nbsp;画一手</a>
					</p>	
				</div>
			</div>
			<div class="col-lg-4 col-md-4">
				<div class="test">
					<img src="images/calendar.png" class="img-responsive slideanim" alt="">
					<h4 class="text-center slideanim"><span class="glyphicon glyphicon-calendar"></span>&nbsp;看一下日历</h4>
					<p class="t1 slideanim">hin简单的日历！<br/><br/>
						<button id="calendar_cli" class="btn btn-warning"><span class="glyphicon glyphicon-calendar"></span>&nbsp;瞧一眼</button>
					</p>	
				</div>
			</div>
			<div class="col-lg-4 col-md-4">
				<div class="test">
					<img src="images/game.png" class="img-responsive slideanim" alt="">
					<h4 class="text-center slideanim"><span class="glyphicon glyphicon-road"></span>&nbsp;超级马里奥？</h4>
					<p class="t1 slideanim">浏览器还可以这么玩！点击打发一下无聊时光吧。<br/><br/>
						<a href="lvfeng/interesting/SuperMarie.html" target="_blank" class="btn btn-success"><span class="glyphicon glyphicon-road"></span>&nbsp;玩一手</a>
					</p>	
				</div>
			</div><br/><br/>
		</div>
		<div class="row">	
			<div class="col-lg-4 col-md-4">
				<div class="test">
					<!-- <img src="images/game.png" class="img-responsive slideanim" alt=""> -->
					<h4 class="text-center slideanim"><span class="glyphicon glyphicon-camera"></span>&nbsp;自拍</h4>
					<br/>
					<p class="t1 slideanim">还可以拍照~<br/><br/>
						<a href="lvfeng/interesting/ai/photo.html" target="_blank" class="btn btn-success"><span class="glyphicon glyphicon-camera"></span>&nbsp;拍一个</a>
					</p>	
				</div>
			</div>
			<div class="col-lg-4 col-md-4">
				<div class="test">
					<img src="images/dice.png" class="img-responsive slideanim" alt="">
					<h4 class="text-center slideanim"><span class="glyphicon glyphicon-star"></span>&nbsp;掷骰子</h4>
					<p class="t1 slideanim">来来来，你的命运在这里，敢不敢扔一局？<br/><br/>
						<a href="lvfeng/interesting/dice.html" target="_blank" class="btn btn-success"><span class="glyphicon glyphicon-star"></span>&nbsp;扔一下</a>
					</p>	
				</div>
			</div>
			<div class="col-lg-4 col-md-4">
				<div class="test">
					<!-- <img src="images/game.png" class="img-responsive slideanim" alt=""> -->
					<h4 class="text-center slideanim"><span class="glyphicon glyphicon-cloud"></span>&nbsp;天气预报</h4>
					<p class="t1 slideanim">天气预报，使用百度echars进行动态展示，数据接口是nowAPI<br/><br/>
						<a href="javascript:;" id="now_weather" class="btn btn-success"><span class="glyphicon glyphicon-cloud"></span>&nbsp;天气预报</a>
					</p>	
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-4 col-md-4">
				<div class="test">
					<!-- <img src="images/game.png" class="img-responsive slideanim" alt=""> -->
					<h4 class="text-center slideanim"><span class="glyphicon glyphicon-tree-deciduous"></span>&nbsp;抽象藤蔓</h4>
					<p class="t1 slideanim">一个canvas的小例子，使用鼠标在屏幕上划过，会生成一幅抽象藤蔓<br/><br/>
						<a href="lvfeng/interesting/vine.html" target="_blank" class="btn btn-success"><span class="glyphicon glyphicon-tree-deciduous"></span>&nbsp;试一下</a>
					</p>	
				</div>
			</div>
			<div class="col-lg-4 col-md-4">
				<div class="test">
					<!-- <img src="images/game.png" class="img-responsive slideanim" alt=""> -->
					<h4 class="text-center slideanim"><span class="glyphicon glyphicon-star"></span>&nbsp;手绘星空</h4>
					<p class="t1 slideanim">鼠标拖动绘制，满片星空<br/><br/>
						<a href="lvfeng/interesting/star/index.html" target="_blank" class="btn btn-success"><span class="glyphicon glyphicon-star"></span>&nbsp;戳一下</a>
					</p>	
				</div>
			</div>
			<div class="col-lg-4 col-md-4">
				<div class="test">
					<h4 class="text-center slideanim"><span class="glyphicon glyphicon-pencil"></span>&nbsp;threeJS editor</h4>
					<p class="t1 slideanim">threeJS的编辑器<br/><br/>
						<a href="lvfeng/threejs_editor/index.html" target="_blank" class="btn btn-success"><span class="glyphicon glyphicon-pencil"></span>&nbsp;模型编辑</a>
					</p>	
				</div>
			</div>
		</div>
	</div>
</section>
<!-- Testimonials -->
<!-- Contact Section -->
<section class="our-contacts slideanim" id="contact">
	<h3 class="text-center slideanim"><span class="glyphicon glyphicon-file"></span>&nbsp;日心注</h3>
	<p class="text-center slideanim"><span id="yiyan"></span></p>
	<div class="test">
	<p class="text-center slideanim">《茕思》 <br/><br/>
		你是我，<br/>
		想到没说出的话；<br/>
		想写却来不及写的诗；<br/>
		想定格却没按下的快门。<br/>
		想去往，<br/>
		却步伐相斥的远方。<br/>
		我是你，<br/>
		手指划过的水面，<br/>
		身后遥远麦田的守望者；<br/>
		逃过你发丝的微风一阵，<br/>
		桌角忘记的半块橡皮。<br/>
		当没说出的话，<br/>
		成风侧过你的耳畔；<br/>
		成雨落在你的脸颊；<br/>
		不知你是否细细听过，<br/>
		我那句微不足道的告白。<br/>
		当不及写的诗，<br/>
		乘瓣落到你的肩，<br/>
		乘叶落入你足迹；<br/>
		不知你是否察觉，<br/>
		那曾是我有意无意的探视。<br/>
		我的欢喜，<br/>
		热烈又深沉。<br/>
		无风，不动；无霜，不凋；<br/>
		很喜欢坐在你身旁，<br/>
		懒得说话，一分钟，两分钟；<br/>
		却每颗神经都能清晰的感受你的存在。<br/>
		不是很深刻，却很清醒；<br/>
		不是很重要，却很难得。<br/>
		就像一枚薄荷糖，一片苏子叶；<br/>
		和一个，有你在哈哈大笑的夏天。<br/>
		我也欢喜的，跳跃夹带一个瓣，<br/>
		别在你的背包。然后跳跃着；<br/>
		玩着乐此不疲的捉迷藏。<br/>
		然后，被珍藏。<br/>
		合着时光，成了纪念。<br/>
		By LvFeng 2017<br/>
		一首藏语歌曲 ，结束这里~<br/>
	<iframe frameborder="no" border="0" id="music" marginwidth="0" marginheight="0" width="50%" height=86 src="https://music.163.com/outchain/player?type=2&id=511838179&auto=0&height=66"></iframe>
	</p>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<form role="form">
					<div class="row">
<!-- 						<div class="form-group col-lg-4 slideanim">
							<input type="text" class="form-control user-name" placeholder="你的名字(可选)" required/>
						</div>
						<div class="form-group col-lg-4 slideanim">
							<input type="email" class="form-control mail" placeholder="你的联系方式(可选)" required/>
						</div>
						<div class="form-group col-lg-4 slideanim">
							<input type="tel" class="form-control pno" placeholder="你的电话(可选)" required/>
						</div> -->
						<div class="clearfix"></div>
						<div class="form-group col-lg-12 slideanim">
							<textarea class="form-control" rows="6" id="said_content" placeholder="这是一个基于eos的测试区块链应用，你对我说的每一句话，都将存储在kylin网络上，所有人可见。直到网络消失那天，则然任何人无权修改或删除！" required/></textarea>
						</div>
						<div class="form-group col-lg-12 slideanim">
							<button type="button" id="said_forever" class="btn-outline1">就这些，不后悔！</button>
						</div>
					</div>
				</form>
			</div>	
		</div>
	</div>
</section>
<!-- /Contact Section -->
<!-- Footer Section -->
<section class="footer">
	<h2 class="text-center">总之，就这么些</h2>
	<hr>
	<div class="container">
		<div class="row">
			<div class="col-md-4 footer-left">
				<h4>关于如何找到这个User</h4>
				<div class="contact-info">
					<div class="address">	
						<i class="glyphicon glyphicon-globe"></i>
						<p class="p3">行踪诡秘，路线不定</p>
						<p class="p4">中国，辽宁</p>
					</div>
					<div class="phone">
						<i class="glyphicon glyphicon-phone-alt"></i>
						<p class="p3">+偶尔Look一眼Phone</p>
						<p class="p4">+86 183-4068-9486</p>
					</div>
					<div class="email-info">
						<i class="glyphicon glyphicon-envelope"></i>
						<p class="p3">Online时间短暂，且行且珍惜</p> 
						<p class="p4">2402241449@qq.com</p>
					</div>
				</div>
			</div><!-- col -->
			<div class="col-md-4 footer-center">
				<h4>经常更新</h4>
				<p>本站属于静态站点，只有展示部分，闲来无事可点开看看。使用了很多静态页面技术和模板。</p>
				<p>鸣谢酷站：</p>
				<div class="col-md-6">
					<li><a href="http://www.bootcss.com/" target="_blank">bootstrap中文网</a></li>
					<li><a href="https://github.com/" target="_blank">GitHub</a></li>
					<li><a href="https://www.csdn.net/" target="_blank">CSDN</a></li>
					<li><a href="https://www.oschina.net/" target="_blank">开源中国</a></li>
					<li><a href="https://start.spring.io/" target="_blank">Start Spring Boot</a></li>
				</div>	
				<div class="col-md-6">
					<li><a href="http://www.cssmoban.com/" target="_blank">模板之家</a></li>
					<li><a href="http://www.moulem.com/" target="_blank">某柠檬</a></li>
					<li><a href="http://www.jq22.com/" target="_blank">JQ22</a></li>
					<li><a href="https://cloud.baidu.com/" target="_blank">百度开放平台</a></li>
					<li><a href="http://www.layui.com/" target="_blank">LayUI</a></li>
				</div>
			</div><!-- col -->
			<div class="col-md-4 footer-right">
				<h4>总结：</h4>
				<p>部分图片来自摄影师：@粑粑&nbsp;&nbsp;@<a href="https://lvlvfeng.gitee.io/wf/">小草</a></p>
				<ul class="social-icons2">
				<!-- javascript:;代表这里单击不触发浏览器刷新 -->
					<li><a href="javascript:;" id="click_btn_1"><i class="fa fa-facebook"></i></a></li>
					<li><a href="javascript:;" id="click_btn_2"><i class="fa fa-twitter"></i></a></li>
					<li><a href="javascript:;" id="click_btn_3"><i class="fa fa-linkedin"></i></a></li>
					<li><a href="javascript:;" id="click_btn_4"><i class="fa fa-google-plus"></i></a></li>
				</ul>
				<ul class="social-icons2">
					<img src="images/wechat.png" width="300" height="80" alt="">
				</ul>
				<p>V bootstrap4.0</p>
			</div><!-- col -->
		</div><!-- row -->
	</div><!-- container -->
	<hr>
	<div class="copyright">
		<p> &copy; 2018.Green Top <a href="#" title="绿绿峰">LvLvFeng</a> -  <a href="http://beian.miit.gov.cn/" target="_blank" title="">辽ICP备19004966号</a></p>
	</div>
</section>
<!-- /Footer Section -->
<!-- Back To Top -->
<a href="#0" class="cd-top" title="上去~">Top</a>
<!-- /Back To Top -->

<!-- js files -->
<script src="js/jquery.min.js"></script>
<script src="plugin/layui/layer/layer.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<!-- js for gallery -->
<script src="js/darkbox.js"></script>
<!-- /js for gallery -->
<!-- js for back to top -->
<script src="js/main.js"></script>
<!-- /js for back to top -->
<script type="text/javascript" src="js/effect.js"></script>
<!-- js for nav-smooth scroll -->
<script>
// 数据接口请求
var req_calendar = "http://www.lvlvfeng.top:8088/calendar";		// 老日历
var req_joke = "http://www.lvlvfeng.top:8088/joke";   //笑话大全 参数page 页数
var req_news = "http://www.lvlvfeng.top:8088/news";   //新闻 参数type 新闻类型 top(头条，默认),shehui(社会),guonei(国内),guoji(国际),yule(娱乐),tiyu(体育)junshi(军事),keji(科技),caijing(财经),shishang(时尚)
var req_wepick = "http://www.lvlvfeng.top:8088/wepick";   //微信精选 参数page 页数
var req_xinhua = "http://www.lvlvfeng.top:8088/xinhua";   //新华字典 参数content 文字
var we_index = 1;
//设备检测，用于模块自动切换，参考自：https://blog.csdn.net/u014017121/article/details/68061824
window.onload = function() {
    var sUserAgent = navigator.userAgent.toLowerCase();
    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
    var bIsMidp = sUserAgent.match(/midp/i) == "midp";
    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
    var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
    var bIsAndroid = sUserAgent.match(/android/i) == "android";
    var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
    var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
    if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
      // layer.msg('PC端会有更好的体验呦~');
      	layer.confirm('是否切换为手机浏览模式？', {
    		btn: ['YES', 'NO'] 
    		,title: '设备检测提醒！'
    		,icon: 6
    		,resize :false
    		,closeBtn: 0
    		// ,btn3: function(index, layero){}
    	}, function(index, layero){
    		//第一个
    		window.location.href="mobile/index.html";
    	}, function(index){
    		//第二个
    		layer.msg('那好吧，尊重你的选择~');
  		});
  		//移动端访问页面则去掉有意思
  		$(".testimonials").remove();

    } else {
      // alert("电脑");
    }
    // 看点，发起ajax请求
    $.ajax({
    	type: 'get',
    	url: req_calendar,
    	success: function(data){
    		$('#old_day_curr').text(data.result.yangli);
    		$('#old_day').text(data.result.yinli);	
    		$('#old_day_yi').text(data.result.yi);
    		$('#old_day_ji').text(data.result.ji);
    		$('#old_day_xiongshen').text(data.result.xiongshen);
    		$('#old_day_jishen').text(data.result.jishen);
    		$('#old_day_baiji').text(data.result.baiji);
    		$('#old_day_wuxing').text(data.result.wuxing);
      	console.log(data);
      
    	},
    	error: function(data){}
	});
	$.ajax({
    	type: 'get',
    	url: req_wepick +"?page="+ we_index,
    	success: function(data){	// 微信精选  
    		$('#we_title').text(data.result.list[0].source);
    		$('#we_desc').text(data.result.list[0].title);
    		$('#we_mark').text(data.result.list[0].mark);
    		$('#we_read').attr("href",data.result.list[0].url);
    		$('#we_img').attr("src",data.result.list[0].firstImg);
      		console.log(data);
    	},
    	error: function(data){}
	});
}
// 微信精选切换
$('#change_we').click(function(){
	we_index += 1;
	$.ajax({
    	type: 'get',
    	url: req_wepick +"?page="+ we_index,
    	success: function(data){	// 微信精选
    		$('#we_title').text(data.result.list[0].source);
    		$('#we_desc').text(data.result.list[0].title);
    		$('#we_mark').text(data.result.list[0].mark);
    		$('#we_read').attr("href",data.result.list[0].url);
    		$('#we_img').attr("src",data.result.list[0].firstImg);
      		console.log(data);
    	},
    	error: function(data){}
	});
});
//当前时间
function getNowFormatDate() {
        var date = new Date();
        var seperator1 = "-";
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var strDate = date.getDate();
        if (month >= 1 && month <= 9) {
            month = "0" + month;
        }
        if (strDate >= 0 && strDate <= 9) {
            strDate = "0" + strDate;
        }
        var currentdate = year + seperator1 + month + seperator1 + strDate;
        return currentdate;
    }
$("#mobile_demo").click(function(){
	layer.open({
  		type: 1, 
  		title: false,
  		closeBtn: 0,
  		shadeClose: true,
  		content: '<img src="images/mobile_qrcode.png" width="200" height="200" alt="扫一扫吧~">'
	});
});

//模板加载
$(document).ready(function(){
  // Add smooth scrolling to all links in navbar + footer link
  $(".navbar a, footer a[href='#myPage']").on('click', function(event) {
  // Store hash
  var hash = this.hash;
  // Using jQuery's animate() method to add smooth page scroll
  // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
  $('html, body').animate({
    scrollTop: $(hash).offset().top
  }, 900, function(){
    // Add hash (#) to URL when done scrolling (default click behavior)
    window.location.hash = hash;
    });
  });
  // var current_date = getNowFormatDate();
		// $("#img_cont").html("<img src='" + data.result.base64_image + "' ");
// 一言
	  var xhr = new XMLHttpRequest();
	  xhr.open('get', 'https://v1.hitokoto.cn');
	  xhr.onreadystatechange = function () {
          if (xhr.readyState === 4) {
              var data = JSON.parse(xhr.responseText);
              console.log(JSON.stringify(data));
              // var yiyan = document.getElementById('yiyan');
              $('#yiyan').text(data.hitokoto+"        -「"+data.from+"」");
              // yiyan.innerText = data.hitokoto+"        -「"+data.from+"」";
          }
      };
	  xhr.send();

});
//单击事件
$("#click_btn_1").click(function(){
	layer.open({
		title: '你竟然点了！',
		type: 0,		//弹窗类型:0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
		area: ['300px','200px'],
		btn: '那好吧',
		shadeClose: true, //点击遮罩关闭
		//content: $('#id') /这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
		content: '唉，亲爱的，让你失望了，这里啥也没有，关了吧',
		skin: 'layui-layer-molv'	//皮肤,允许你传入layer内置的样式class名layui-layer-lan layui-layer-molv
	});
});
$("#first").click(function(){
	layer.msg('emmm，这就是主页！');
});
$("#click_btn_2").click(function(){
	layer.open({
		title: '第二个',
		content: '我说亲你是真的无聊么？还点！',
		btn: '算我手贱'
	});
});
$('#click_btn_3').click(function(){
	layer.confirm('我喜欢你~', {
    btn: ['我接受', '我同意', '将就吧'] //可以无限个按钮
    ,title: '严肃声明！！'
    ,icon: 6
    ,resize :false
    ,closeBtn: 0
    ,btn3: function(index, layero){
        layer.open({
    		title: '选这个也行',
    		content: '违心么，后悔么？',
    		btn: '都是套路'
    	})
    }
    }, function(index, layero){
      layer.msg('请坚持你的选择！');
    }, function(index){
    	layer.open({
    		title: '谢谢亲',
    		content: '程序提交，反悔无效！',
    		btn: '行吧'
    	})
  });
});
$("#click_btn_4").click(function(){
	layer.msg('我无语');
});
$(".my_head_icon").click(function(){
	layer.msg('I Love You！');
});
//展开日历
$("#calendar_cli").click(function(){
	layer.open({
		title: "日历",
		type: 2,
		area: ['710px', '500px'],
		fixed: false, //不固定
		maxmin: false,	//不允许最大最小
		resize: false,	//禁止拉伸
		scrollbar: true,	//后边可以滚动
		content: ['lvfeng/interesting/calendar/calendar.html','no']	//文件位置，禁止滚动条
	});
});

$(window).scroll(function() {
  $(".slideanim").each(function(){
    var pos = $(this).offset().top;
    var winTop = $(window).scrollTop();
    if (pos < winTop + 600) {
      $(this).addClass("slide");
    }
  });
});
//001.每日更新吧
$("#i_idea").click(function(event) {
	var index = layer.open({
		title: "在线翻译",
		type: 2,
		area: ['710px', '480px'],
		fixed: false, //不固定
		maxmin: true,	//允许最大最小
		resize: false,	//禁止拉伸
		scrollbar: true,	//后边可以滚动
		content: ['lvfeng/interesting/ai/trans/baidu_translate.html','no']	//翻译
	});
	layer.full(index);
});
//002.喜欢的音乐
$("#like_music").click(function(event) {
	var index = layer.open({
		title: "I Like ❤ [部分音乐无效，戳网易icon]",
		type: 2,
		area: ['710px', '500px'],
		fixed: false, //不固定
		maxmin: true,	//允许最大最小
		resize: false,	//禁止拉伸
		scrollbar: true,	//后边可以滚动
		content: ['https://music.163.com/outchain/player?type=0&id=565643702&auto=0&height=430','no']	//文件位置，禁止滚动条
	});
	layer.full(index);
});
//003.瞧一眼
$('#down_file').click(function(){
	// var index = layer.open({
	// 	title: "瞧一眼",
	// 	type: 2,
	// 	area: ['710px', '500px'],
	// 	fixed: false, //不固定
	// 	maxmin: true,	//允许最大最小
	// 	resize: false,	//禁止拉伸
	// 	scrollbar: false,	//后边不可以滚动
	// 	content: ['lvfeng/map/map.html','yes']	//文件位置，允许滚动条
	// });
	// layer.full(index);
});
// function cross_domain(mode,url,request_data,res_fun_name){
// 	jQuery.ajax({
//    	    url: url,
//    	    type: mode,
//    	    dataType: 'jsonp',
//    	    data: request_data,
//    	    success: function (data) {
//    	    	console.log(data);
//    	    	res_fun_name(data);	//自定义的返回结果集函数
//    	    },
//    	    error: function (data,data2,data3){
//    	        console.log("ERROR:"+JSON.stringify(data));
//    	        console.log("ERROR2:"+JSON.stringify(data2));
//    	        console.log("ERROR3:"+JSON.stringify(data3));
//    	        res_fun_name(data);
//    	    }
//    	});
// }
$("#now_weather").click(function(){
	layer.open({
		title: "天气预报",
		type: 2,
		area: ['820px', '600px'],
		fixed: false, //不固定
		maxmin: true,	//允许最大最小
		resize: false,	//禁止拉伸
		scrollbar: false,	//禁止背景滚动
		content: ['lvfeng/map/weather/weather.html']	//文件位置
	});
});
//004.永恒留言 
//一个基于麒麟测试网的区块链应用，将使用小编的账号和合约进行交互，从而实现存储
$("#said_forever").click(function(){
	const test_info = $('#said_content').val();
	if("" != test_info){
		const eos = eos_init();
	//下面这个账号是部署合约的账号
	eos.contract('lvlvfenga555')
		.catch(e => console.log(e))
		.then(contract =>{
			//[`${config.account.from}@active`]  发起者权限  下面的账号是与合约进行交互的账号，上面的配置文件就是这个账号的私钥
			contract.save({data: test_info},{authorization: [{"actor": "lvlvfenga555","permission": "active"}]})
				.then(rs => {
					$('#said_content').val("留言成功！留言所在唯一区块编号：" + rs.processed.block_num + "，唯一留言ActionID：" + rs.processed.id + "，留言内容：" + rs.processed.action_traces[0].act.data.data);
					console.log(JSON.stringify(rs));
				})
				.catch(e => {
					$('#said_content').val("好像遇到了点什么问题：参数：" + JSON.stringify(e));
				})
		})
	}else{
		layer.msg("亲爱的，是不是忘了写了~");
	}
	
});
//eos参数初始化
function eos_init(){
	const eos = Eos({
		// keyProvider: '5KdKKR9UeXGbfhnPKuBirKMQJAYrvk6WEj2GQ7g67HF13cLjahK',		//lvlvfenga555 owner
		keyProvider: '5JVrzJGAXSLXJs8qeA5D9QL3D3YFT7b7vExPTtmhRx5ePmw9vPg',			//lvlvfenga555 active
		// httpEndpoint: 'http://api.kylin.eosbeijing.one:8880',		//kylin
		httpEndpoint: 'https://api-kylin.eoslaomao.com',		//kylin
		chainId: '5fff1dae8dc8e2fc4d5b23b2c7665c97f9e9d8edf2b6485a86ba311c25639191'	//kylin
		// httpEndpoint: 'https://mainnet.meet.one',									//mainNET
		// chainId: 'aca376f206b8fc25a6ed44dbdc66547c36c6c33e3a119ffbeaef943642f0e906'		//mainNET
	});
	return eos;
}
$("#project").click(function(){
	var index =layer.open({
  		type: 1, 
  		title: false,
  		area: ['900px','600px'],
  		closeBtn: 1,
  		shadeClose: true,
  		content: '<iframe width="100%" height="100%" src="proj.html"></iframe>'
	});
	layer.full(index);
});
//有字库加载
// $youziku.load("body", "9a5af53c4a564f8f86e836b601111030", "ruibo");
   /*$youziku.load("#id1,.class1,h1", "b30ef5aac3e149c38dd427bae92c2eeb", "lixukexingshu");*/
// $youziku.draw();

</script>
</body>
</html>
